<template>
  <div>

  </div>
</template>
<script>
export default {
  functional: true,

  render(h, ctx) {
    const {
      someItemList,
      $t,
    } = ctx.parent

    return h('b-table', {
      ...ctx.data,
      props: {
        items: someItemList,
        busy: someItemList === null,
        emptyText: $t('notFound'),
        emptyFilteredText: $t('notFound'),
        nosortReset: true,
        showEmpty: true,
        striped: true,
        hover: true,
        ...ctx.props
      },
    },
      [
        !ctx.slots()['table-busy'] && h('div', {
          slot: 'table-busy',
          staticClass: 'text-center my-3',
        }, [
          h('b-spinner', { staticClass: 'align-middle' })
        ],
          ...(ctx.children || [])
        )
      ]
    )
  }
}
</script>
<!-- <script>
export default {
  // functional: true,

  render(h, ctx) {
    // Get data from the parent component
    const {
      someItemList,
      $t,
    } = ctx.parent

    return h('b-table', {
      // Pass on the full data object
      ...ctx.data,

      // Extend the props
      props: {
        items: someItemList,
        busy: someItemList === null,
        emptyText: $t('notFound'),
        emptyFilteredText: $t('notFound'),
        noSortReset: true,
        showEmpty: true,
        striped: true,
        hover: true,

        // Override the above default prop values with any props provided
        ...ctx.props,
      },
    }, [
      // Provide a default rendering for the table-busy slot
      // if one is not provided
      !ctx.slots()['table-busy'] && h('div', {
        slot: 'table-busy',
        staticClass: 'text-center my-3',
      }, [
        h('b-spinner', { staticClass: 'align-middle' })
      ],

        // Append any additional children
        ...(ctx.children || []))
    ])
  }
}
</script> -->